@import url('font.css');

body{font-family: Arial, Helvetica, sans-serif;font-size:62.5%;background: url(../images/bg.jpg););}
/*============================*/
/*=== Custom Header ===*/
/*============================*/
#containner{width: 960px;margin: 0 auto;position: relative;}
#header{position: relative;height:222px}
#header .hotline{font-size: 1.848em;font-family: "VNIUniverNormal";color: #bb6975;font-weight: bold;position: absolute;top:46px}
#header .hotline span{color: #a8978e;}
#header #top-menu{position: absolute;left: 344px;top: 47px;}
#header #top-menu ul{float:left;padding-bottom: 7px;background: url(../images/line-menu-top.png) 50% 100% no-repeat;}
#header #top-menu li{float: left;padding: 0 8px 0 16px;background: url(../images/circle-menu.png) 0 50% no-repeat;}
#header #top-menu li:first-child{padding-left:0;background: none;}
#header #top-menu li a{color: #747373;font-size: 1.848em;font-family: "VNIUniverNormal";text-transform: uppercase;font-weight: bold;text-decoration: none;}
#connect{position: absolute;top: 47px;left: 215px;}
#connect li{float: left;margin-right: 10px;}
#header #menu{position: absolute;top:123px;width: 100%;left: 35px;}
#header #menu>li{float: left;}
#header #menu>li>a{font-size: 1.534em;font-family: "Tahoma";color: #dca2a2;text-decoration: none;text-transform: uppercase;background: url(../images/icon-menu.png) center bottom no-repeat;width: 144px;height: 133px;text-align: center;line-height: 266px;display: block;font-weight: bold;margin-bottom: 12px;}
#header #menu>li>a>span.child-menu{background: url(../images/arrhv.png) 100% 50% no-repeat;padding-right: 15px;}
#header #menu>li>a:hover>span.child-menu,#header #menu>li.active>a>span.child-menu{background: url(../images/arr.png) 100% 50% no-repeat;padding-right: 15px;}
#header #menu>li>a:hover,#header #menu>li.active>a{background: url(../images/icon-menu.png) center top no-repeat;color: #d37088;}

#header > ul > li > .sub-menu{background: #a94b62;overflow: hidden;padding: 28px 32px;border: 5px solid #f2e8db;border-radius:10px;position: absolute; }
.sub-menu{display: none;}
#header #menu li.child-menu:hover .sub-menu{display:block;z-index: 9999;}
.sub-menu .col{float:left;margin-right: 40px;}
.sub-menu .nomargin{margin-right: 0px;}
.sub-menu h3{font-family: "Tahoma";font-size: 1.9em;color: #e39bac;margin-bottom: 20px;}
.sub-menu ul li a{font-family: "Tahoma";font-size: 1.8em;color: #fff;text-decoration: none;}
.sub-menu ul li a:hover,.sub-menu ul li.active a{color:#e39bac;}
.sub-menu ul li{padding-bottom: 3px;}
.logo{position: absolute;left: 719px;top:0;z-index: 999;}
#primary{width: 100%;background: url(../images/bg-primary.jpg) repeat;border-radius:20px;text-align: center;padding-top: 50px;padding-bottom: 25px;}
#slide{}
#pri-middle{width: 908px;height: 616px;background: url(../images/bg-book.png) no-repeat;margin: 0 auto;overflow: hidden;padding-top: 70px;position: relative;}
.imgb{position: absolute;bottom: 87px;right: 80px;}
#pri-middle .col-left{width:360px;float:left;text-align: left; padding-left: 64px;}
#pri-middle .col-left .intro h3,#pri-middle .col-right h3{font-family: "UVNMoiHongRegular";font-size: 3.9em;color: #b96f87;margin-bottom: 12px;margin-left: 13px;}
#pri-middle .col-left .intro .imgbg{width: 195px;height: 162px;background: url(../images/bg-img.png) no-repeat;text-align: center;line-height: 162px;position: relative;float:left;margin-right: 7px;}
#pri-middle .col-left .intro .imgbg .ghim{width: 11px;height: 31px;background: url(../images/ghim.png) no-repeat;display: block;position: absolute;top:-7px;left: 33px;}
#pri-middle .col-left .intro img{margin-top: 18px;margin-left: 8px;}
#pri-middle .col-left .intro p{font-size: 1.2em;font-family: "Tahoma";color: #444;margin-top: 9px;width: 148px;line-height: 1.2;float: right;}
#pri-middle .col-left .intro{width: 350px;overflow: hidden;margin-bottom: 47px;}
#pri-middle .col-right{text-align: left;width: 373px;float: right;}
#pri-middle .col-right ul li{background: url(../images/bullet.png) no-repeat;padding-left: 36px;margin-bottom: 18px;}
#pri-middle .col-right ul li a{text-decoration: none;font-size: 1.4em;font-family: "Tahoma";color: #444;}
#pri-bottom{overflow: hidden;text-align: left;height: 33px;background: #e0dacc;padding: 10px 62px 0 26px;}
#pri-bottom #social-icon{float: right;}
#pri-bottom #social-icon li{float:left;}
form.letter{position: relative;float: left;}
form.letter input[name="letter"]{width: 302px;height: 28px;background: url(../images/text-letter.png) no-repeat;border: 0;font-family: "Arial";color: #444;font-size: 1.2em;padding-left: 10px;}
form.letter input[name="submit"]{width: 27px;height: 25px;background: url(../images/btn-letter.png) no-repeat;border: 0;left: 274px;top: 1px;cursor: pointer;position: absolute;}
.company{width: 951px;height: 74px;background: url(../images/bong.png) no-repeat;margin: 12px auto;padding-top: 31px;}
.company ul{overflow: hidden;width: 722px;margin: 0 auto 0 auto;}
.company ul li{float: left;}
#footer{margin-bottom: 46px;text-align: center;font-size: 1.5em;font-weight: bold;font-family: "Arial";color: #745451;}
#footer p{line-height: 1.2;}
#footer p a{text-decoration: none;color: #745451;}
#footer p span{font-weight: normal;font-style: italic;}
#pri-top{overflow: hidden;text-align: left;width: 894px;margin: 0 auto 35px auto;}
#pri-top form{position: relative;float: left;margin-top: 47px;}
#pri-top form input[name="search"]{background: url(../images/text-search.png) no-repeat;border: 0;font-size: 1.8em;font-family: "Arial";color: #715c49;padding-left: 19px;width:402px;height: 45px;}
#pri-top form input[name="submit"]{width:102px;height: 36px;background: url(../images/btn-search.png) no-repeat;border: 0;font-size: 1.8em;font-family: "Arial";color: #fff;cursor: pointer;position: absolute;left: 296px;top:4px;}
#pri-top #cart{width: 180px;height: 111px;float: right;background: url(../images/cart.png) no-repeat;margin-right: 42px; padding-left: 95px;}
#pri-top #cart p{color: #715c49;font-family: "Tahoma";font-size: 1.4em;padding-bottom: 7px;}
#pri-top #cart p span{color: #88a736;font-size: 1.3em;font-weight: bold;}
#pri-top #cart p.title{color: #b96f87;font-size: 2.4em;font-weight: bold; margin-top: 24px;}
#pri-top #cart p a{color: #cb6e86;text-decoration: none;font-size: 1em;font-weight: bold;padding-left: 75px;}
.hoavan1{ left: -218px;position: absolute;top: 208px;z-index: -1;display: block;width:584px;height: 1371px;background: url(../images/hoavan1.png) no-repeat;}
.hoavan2{position: absolute;width:584px;height: 1298px;background: url(../images/hoavan2.png) no-repeat;top:216px;right:-187px;display: block;z-index: -1;}
.hoavan3{position: absolute;width:900px;height: 163px;background: url(../images/hoavan3.png) no-repeat;bottom:-46px;display: block;z-index: -1;right:0px;}


#pri-middle-ar{position: relative;width: 911px;background: url(../images/bg_article_top.png) no-repeat;margin: 0 auto;margin-bottom: 15px;}
#pri-middle-ar #zindex_bg{float: left;width: 99%;background: url(../images/bg_article_center.png) repeat-y right top;margin: 400px 0px 0px 9px;}
#pri-middle-ar #loxo{position: absolute; top: 450px; left: 0px;}
#pri-middle-ar #repeatY_bottom{width: 99%;height: 34%; float: left;border: 1px solid red;background: url(../images/bg_article_repeat_bottom.png) repeat-y top left;}

.detail-pagenav{margin-top: 40px;margin-left: 105px;}


.pagenav li{float: left;}
.pagenav a{font-family: "Arial";font-size: 1.4em;color: #b96f87;text-decoration: none;}
.pagenav li.curent a{font-size:1.5em;color: #88a736;font-weight: bold;line-height: 12px;}
.pagenav a.end{width: 15px;height: 11px;background: url(../images/btn-end.png) no-repeat;display: block;}
.pagenav a.prev{width: 10px;height: 11px;background: url(../images/prev.png) no-repeat;display: block;}
.pagenav a.next{width: 10px;height: 11px;background: url(../images/next.png) no-repeat;display: block;}


.ar-left{width: 530px;float: left;text-align: left;margin: -300px 0 0 124px;}
.ar-right{float: right;width: 190px;text-align: left;padding-right: 10px;padding-top: 92px;margin-top: -300px;}



.ar-left h3{margin-bottom: 20px;font-family: "UVNMoiHongRegular";font-size: 3.6em;color: #b96f87}
.ar-left p{font-size: 1.2em;color: #333;line-height: 1.2;}
.ar-left p.ar-title{font-family: "Times new roman";font-size: 1.8em;font-weight: bold;margin-bottom: 7px;}
.ar-left a{font-weight: bold;font-size: 1.2em;margin-top: 12px;color: #a93250;display: block;text-decoration: none;}
.ar-post{overflow: hidden;padding: 20px 0;border-bottom: 1px dotted #ccc;}
.ar-post img{float: left;margin-right: 26px;}
.ar-right h3{margin-bottom: 20px;font-family: "UVNMoiHongRegular";font-size: 3.6em;color: #b96f87}
.ar-right .danhmuc{margin-bottom: 42px;}
.ar-right .danhmuc li{background: url(../images/bullet.png) no-repeat;padding-left: 36px;margin-bottom: 18px; margin-bottom: 8px;}
.ar-right .danhmuc li a{text-decoration: none;font-size: 1.8em;color: #4a4a4a;}
.ar-right .blog li a{text-decoration: none;font-size: 1.4em;color: #4a4a4a;font-family: "Tahoma";line-height: 1.2;}
.ar-right .blog li{margin-bottom: 12px;}
.ar-page p{padding: 10px 0;}
.ar-page strong{font-weight: bold;}

.cartar{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#slide{margin:0 auto !important;}